<template>
	<view class="custom_gotop" @click="gotopClickHandle">
		<view class="custom_gotop_content"><view class="iconfont icon-arrow-up-bold"></view></view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		gotopClickHandle() {
			uni.pageScrollTo({
				scrollTop: 0
			});
		}
	}
};
</script>

<style lang="less">
.custom_gotop {
	position: fixed;
	bottom: 280rpx;
	right: 60rpx;
	padding: 10rpx;
	overflow: hidden;
	border-radius: 80rpx;
	background-color: rgba(255, 255, 255, 0.2);
	box-shadow: 0 4rpx 24rpx rgba(100, 101, 102, 0.12);
	z-index: 98;
	.custom_gotop_content {
		background-color: rgba(0,0,0,.5);
		font-size: 24rpx;
		width: 80rpx;
		height: 80rpx;
		border-radius: 80rpx;
		line-height: 80rpx;
		text-align: center;
		.iconfont {
			margin: 0 auto;
			color:#FFFFFF;
		}
	}
}
</style>
